    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Dashboard
        <small>Control panel</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
      </ol>
    </section>
    <!-- Main content -->
    <section class="content">
    <div id="grid"></div>
    </section>
    <!-- /.content -->
    <script type="text/javascript">
    require(["jquery","kendo.hateoas","kendo.grid"], function($, kendo) {
    	require(["messages/kendo.messages.zh-CN","cultures/kendo.culture.zh-CN"],function (){
    		var dataSource = new kendo.data.HateoasDataSource({
                batch: false,
                serverPaging: true,
                schema: {
                    model: {
                        id: "username",
                        fields: {
                            enabled: {
                                type: "boolean",
                                validation: {
                                    required: true
                                }
                            },
                            username: {
                                type: "string",
                                validation: {
                                    required: true
                                }
                            }
                        }
                    }
                },
                serverFiltering: true,
                serverGrouping: true,
                serverSorting: true,
                pageSize: 20,
                hateoas: {
                    name: "users"
                }
            });
    		$("#grid").kendoGrid({
                filterable: true,
                editable: {
                    mode: "inline",
                    confirmation: false
                },
                toolbar: ["create"],
                columns: [{
                    field: "fullname",
                    width: "120px",
                    title: "姓名"
                }, {
                    field: "username",
                    title: "用户名"
                }, {
                    field: "password",
                    title: "密码"
                }, {
                    field: "enabled",
                    title: "启用"
                }, {
                    width: "195px",
                    title: "操作",
                    command: [{
                        name: "edit"
                    }, {
                        name: "destroy"
                    }]
                }],
                pageable: true,
                sortable: true,
                dataSource: dataSource
            });
    	});
    });
    </script>